.ComprehensiveListBox{
    width: 100%;
    .ComprehensiveListHeader{
        width: 100%;
        height: 100px;
        background-color: #fff;
        box-sizing: border-box;
        padding-left: 20px;
        display: flex;
        align-items: center;
        .ComprehensiveListTitle{
            margin-right: 20px;
        }
        .ComprehensiveListSearchInput{
            width: 300px;
            margin-right: 10px;
        }
    }
    .ComprehensiveListContent{
        width: 96%;
        margin: 0 auto;
        background-color: aquamarine;
        .ComprehensiveListContentHeader{
            width: 100%;
            height: 80px;
            background-color: #e5e5e5;
            box-sizing: border-box;
            padding: 0 10px;
            display: flex;
            align-items: center;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-left: 1px solid #ccc;
            .ComprehensiveListContentHeaderName{
                flex: 0 0 30%;
            }
            .ComprehensiveListContentHeaderBelong{
                flex: 0 0 20%;
            }
            .ComprehensiveListContentHeaderAvatar{
                flex: 0 0 20%;
            }
            .ComprehensiveListContentHeaderPhone{
                flex: 0 0 20%;
            }
            .ComprehensiveListContentHeaderGender{
                flex: 1;
            }
        }
        .ComprehensiveListContentItem{
            width: 100%;
            height: 80px;
            box-sizing: border-box;
            padding: 10px;
            display: flex;
            background-color: #fff;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            .ComprehensiveListContentItemName{
                flex: 0 0 30%;
            }
            .ComprehensiveListContentItemBelong{
                flex: 0 0 20%;
            }
            .ComprehensiveListContentItemAvatar{
                flex: 0 0 20%;
                .ComprehensiveListContentItemAvatarImg{
                    width: 60px;
                    height: 60px;
                }
            }
            .ComprehensiveListContentItemPhone{
                flex: 0 0 20%;
            }
            .ComprehensiveListContentItemGender{
                flex: 1;
            }
        }
    }
    .ComprehensiveListFooter{
        width: 100%;
        height: 70px;
        background-color: #fff;
        display: flex;
        align-items: center;
    }
}